<template>
  <div />
</template>

<script>
import * as THREE from 'three'
// private Integer oid;
// private Integer groupid;
// private String ipaddress;
// private String username;
// private String password;
// private Integer port;
// private String url;
// private   String agreement;
// private Integer  type;
// private Integer pixel;
// private String model;
// private String factory;
// private  Integer loactionAilas;
// private Double  height;
// private  Double pitch;
// private Double yaw;
// private Double roll;
// private Double viewAngel;
// private  String loacttion;

export default {
  mounted() {
    var scene = new THREE.Scene()
    var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000)

    var renderer = new THREE.WebGLRenderer()
    renderer.setSize(window.innerWidth, window.innerHeight)
    this.$el.appendChild(renderer.domElement)

    var geometry = new THREE.BoxGeometry(1, 1, 1)
    var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 })
    var cube = new THREE.Mesh(geometry, material)
    scene.add(cube)

    camera.position.z = 5

    var animate = function() {
      requestAnimationFrame(animate)

      cube.rotation.x += 0.01
      cube.rotation.y += 0.01

      renderer.render(scene, camera)
    }

    animate()
  }
}
</script>

<style>

</style>
